<template>
  <ul class="categoryTop">
    <li v-for="item in categoryTopimgList" :key="item.acm">
      <a :href="item.link">
        <img :src="item.image" alt />
        <div>{{item.title}}</div>
      </a>
    </li>
  </ul>
</template>

<script>
export default {
  name: "CategoryTop",
  props: {
    categoryTopimgList: {
      type: Array,
      default() {
        return [];
      }
    }
  }
};
</script>

<style scoped>
.categoryTop {
  width: 100%;
  display: flex;
  align-content: flex-start;
  text-align: center;
  flex-flow: row wrap;
	padding-top: 10px;
}
.categoryTop > li {
  flex: 0 0 33.3%;
  margin-bottom: 10px;
}
.categoryTop > li img{
  width: 64px;
	height: 64px;
	margin-bottom: 10px;
}
</style>
